<!DOCTYPE html>
<html lang="en">

<!-- Head tag -->
<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="baidu-site-verification" content="Xijgc2YO5y">
	<meta name="baidu-site-verification" content="Qj80ZohAkr">
	<meta name="google-site-verification" content="N-bPfRy2yUxAuOVKpn0Gm7BOygzI_faxwpAUQq0T8xw">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Leeves在 Github 上的个人博客">
    <meta name="keyword" content="Leeves">
    <meta name="theme-color" content="#600090">
    <meta name="msapplication-navbutton-color" content="#600090">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#600090">
    <link rel="shortcut icon" href="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-person-128.png">
    <link rel="alternate" type="application/atom+xml" title="Leeves" href="/atom.xml">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css">
    <title>
        
        spring boot mybatis dynamic datasource｜Leeves&#39;s blog
        
    </title>

    <link rel="canonical" href="https://leevsee.github.io/2018/07/30/spring-boot-mybatis-dynamic-datasource/">

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/blog-style.css">

    <!-- Pygments Github CSS -->
    <link rel="stylesheet" href="/css/syntax.css">
	<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</head>

<style>

    header.intro-header {
        background-image: url('http://cdn.pcbeta.attachment.inimc.com/data/attachment/forum/201205/15/232126llvvucjetunjn8g2.jpg')
    }
</style>
<!-- hack iOS CSS :active style -->
<body ontouchstart="" class="animated fadeIn">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top " id="nav-top" data-ispost = "true" data-istags="false
" data-ishome = "false" >
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand animated pulse" href="/">
                <span class="brand-logo">
                    Leeves
                </span>
                's Blog
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <!-- Known Issue, found by Hux:
            <nav>'s height woule be hold on by its content.
            so, when navbar scale out, the <nav> will cover tags.
            also mask any touch event of tags, unfortunately.
        -->
        <!-- /.navbar-collapse -->
        <div id="huxblog_navbar">
            <div class="navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="/">Home</a>
                    </li>

                    
                        
                    
                        
                        <li>
                            <a href="/Others/">Others</a>
                        </li>
                        
                    

                </ul>
            </div>
        </div>
    </div>
    <!-- /.container -->
</nav>
<script>
    // Drop Bootstarp low-performance Navbar
    // Use customize navbar with high-quality material design animation
    // in high-perf jank-free CSS3 implementation
//    var $body   = document.body;
    var $toggle = document.querySelector('.navbar-toggle');
    var $navbar = document.querySelector('#huxblog_navbar');
    var $collapse = document.querySelector('.navbar-collapse');

    $toggle.addEventListener('click', handleMagic)
    function handleMagic(e){
        if ($navbar.className.indexOf('in') > 0) {
        // CLOSE
            $navbar.className = " ";
            // wait until animation end.
            setTimeout(function(){
                // prevent frequently toggle
                if($navbar.className.indexOf('in') < 0) {
                    $collapse.style.height = "0px"
                }
            },400)
        }else{
        // OPEN
            $collapse.style.height = "auto"
            $navbar.className += " in";
        }
    }
</script>

<!-- Main Content -->

<!--only post-->


<img class="wechat-title-img"
     src="http://lixin.piaozu.com.cn/postPicture.jpg">


<style>
    
    header.intro-header {
        background-image: url('http://lixin.piaozu.com.cn/postPicture.jpg')
    }

    
</style>

<header class="intro-header">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 text-center">
                <div class="post-heading">
                    <h1>spring boot mybatis dynamic datasource</h1>
                    
                    <span class="meta">
                         作者 Leeves
                        <span>
                          日期 2018-07-30
                         </span>
                    </span>
                    <div class="tags text-center">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="post-title-haojen">
        <span>
            spring boot mybatis dynamic datasource
        </span>
    </div>
</header>

<!-- Post Content -->
<article>
    <div class="container">
        <div class="row">
            <!-- Post Container -->
            <div class="col-lg-8 col-lg-offset-1 col-sm-9 post-container">
                <p>最近，看了一下多数据源相关的知识，当成知识的积累，本篇是基于spring boot 2 + mybatis。  </p>
<h3 id="原理"><a href="#原理" class="headerlink" title="原理"></a>原理</h3><p>有几个数据源，就配置几套jdbc地址，分别建立连接池。然后在spring中，可以为每个数据源连接设置key，需要的时候，就通过key来获取相应的数据源连接即可。<br>那然后怎么知道什么时候用哪个数据源呢，这时候就要用aop来判断具体方法、且需和当前线程进行绑定，如果是当前用户，且是某个方法，就使用该数据源，否则就是默认或者其他数据源。  </p>
<p>好啦，下面开始双数据源的例子吧。<br>本栗子是两个的mysql数据库（因为懒得安装oracle。。。）。一个mysql，一个oracle也是同理。</p>
<h3 id="1-添加依赖"><a href="#1-添加依赖" class="headerlink" title="1. 添加依赖"></a>1. 添加依赖</h3><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">&lt;dependency&gt;</span><br><span class="line">	&lt;groupId&gt;org.mybatis.spring.boot&lt;/groupId&gt;</span><br><span class="line">	&lt;artifactId&gt;mybatis-spring-boot-starter&lt;/artifactId&gt;</span><br><span class="line">	&lt;version&gt;1.3.2&lt;/version&gt;</span><br><span class="line">&lt;/dependency&gt;</span><br><span class="line">&lt;dependency&gt;</span><br><span class="line">	&lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;</span><br><span class="line">	&lt;artifactId&gt;spring-boot-starter-aop&lt;/artifactId&gt;</span><br><span class="line">&lt;/dependency&gt;</span><br><span class="line">&lt;dependency&gt;</span><br><span class="line">	&lt;groupId&gt;com.oracle&lt;/groupId&gt;</span><br><span class="line">	&lt;artifactId&gt;ojdbc6&lt;/artifactId&gt;</span><br><span class="line">	&lt;version&gt;12.1.0.1-atlassian-hosted&lt;/version&gt;</span><br><span class="line">&lt;/dependency&gt;</span><br><span class="line">&lt;dependency&gt;</span><br><span class="line">	&lt;groupId&gt;com.alibaba&lt;/groupId&gt;</span><br><span class="line">	&lt;artifactId&gt;druid-spring-boot-starter&lt;/artifactId&gt;</span><br><span class="line">	&lt;version&gt;1.1.10&lt;/version&gt;</span><br><span class="line">&lt;/dependency&gt;</span><br><span class="line">&lt;dependency&gt;</span><br><span class="line">	&lt;groupId&gt;mysql&lt;/groupId&gt;</span><br><span class="line">	&lt;artifactId&gt;mysql-connector-java&lt;/artifactId&gt;</span><br><span class="line">	&lt;version&gt;5.1.46&lt;/version&gt;</span><br><span class="line">&lt;/dependency&gt;</span><br></pre></td></tr></table></figure>
<h2 id="2-添加注解类"><a href="#2-添加注解类" class="headerlink" title="2. 添加注解类"></a>2. 添加注解类</h2><p>这个注解类呢，是用于放在方法上面可以放在mapper和service类上面，用来判断使用哪个数据源。</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">@Target(ElementType.METHOD)</span><br><span class="line">@Retention(RetentionPolicy.RUNTIME)</span><br><span class="line">public @interface DS &#123;</span><br><span class="line">    DataSourceType dtaSourceType() default DataSourceType.DB_MASTER;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">public enum DataSourceType &#123;</span><br><span class="line">    /** 主库 */</span><br><span class="line">    DB_MASTER,</span><br><span class="line">    /** 副库 */</span><br><span class="line">    DB_SLAVE1</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<h2 id="3-读取多个数据源，并和调用线程绑定"><a href="#3-读取多个数据源，并和调用线程绑定" class="headerlink" title="3. 读取多个数据源，并和调用线程绑定"></a>3. 读取多个数据源，并和调用线程绑定</h2><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">@Configuration</span><br><span class="line">public class DynamicDataSourceConfiguration &#123;</span><br><span class="line"></span><br><span class="line">    @Bean</span><br><span class="line">    @ConfigurationProperties(prefix = &quot;dynamic.datasource.master&quot;)</span><br><span class="line">    public DataSource dbMaster() &#123;</span><br><span class="line">        return DruidDataSourceBuilder.create().build();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    //TODO: 如有多个这里需要添加</span><br><span class="line">    @Bean</span><br><span class="line">    @ConfigurationProperties(prefix = &quot;dynamic.datasource.slave1&quot;)</span><br><span class="line">    public DataSource dbSlave1() &#123;</span><br><span class="line">        return DruidDataSourceBuilder.create().build();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    /**</span><br><span class="line">     * 核心动态数据源，添加多个数据源到spring中</span><br><span class="line">     *</span><br><span class="line">     * @return 数据源实例</span><br><span class="line">     */</span><br><span class="line">    @Bean</span><br><span class="line">    public DataSource dynamicDataSource() &#123;</span><br><span class="line">        DynamicRoutingDataSource dataSource = new DynamicRoutingDataSource();</span><br><span class="line">        dataSource.setDefaultTargetDataSource(dbMaster());</span><br><span class="line">        Map&lt;Object, Object&gt; dataSourceMap = new HashMap&lt;&gt;(16);</span><br><span class="line">        dataSourceMap.put(DataSourceType.DB_MASTER, dbMaster());</span><br><span class="line">        dataSourceMap.put(DataSourceType.DB_SLAVE1, dbSlave1());</span><br><span class="line">        //TODO: 如有多个这里需要添加</span><br><span class="line">        dataSource.setTargetDataSources(dataSourceMap);</span><br><span class="line">        return dataSource;</span><br><span class="line">    &#125;</span><br><span class="line">	</span><br><span class="line">	//...还有其他代码</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<p>线程绑定类:<br><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">public class DynamicDataSourceContextHolder &#123;</span><br><span class="line"></span><br><span class="line">    private static final ThreadLocal&lt;DataSourceType&gt; CURRENT_DATASOURCE = new ThreadLocal&lt;&gt;();</span><br><span class="line"></span><br><span class="line">    /**</span><br><span class="line">     * 清除当前数据源</span><br><span class="line">     */</span><br><span class="line">    public static void clear() &#123;</span><br><span class="line">        CURRENT_DATASOURCE.remove();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    /**</span><br><span class="line">     * 获取当前使用的数据源</span><br><span class="line">     *</span><br><span class="line">     */</span><br><span class="line">    public static DataSourceType get() &#123;</span><br><span class="line">        return CURRENT_DATASOURCE.get();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    /**</span><br><span class="line">     * 设置当前使用的数据源</span><br><span class="line">     *</span><br><span class="line">     */</span><br><span class="line">    public static void set(DataSourceType value) &#123;</span><br><span class="line">        CURRENT_DATASOURCE.set(value);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p>
<h2 id="4-spring多数据源和aop配置"><a href="#4-spring多数据源和aop配置" class="headerlink" title="4. spring多数据源和aop配置"></a>4. spring多数据源和aop配置</h2><p>重写<code>determineCurrentLookupKey()</code>方法，通过该方法取得所要的数据库。<br><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">public class DynamicRoutingDataSource extends AbstractRoutingDataSource &#123;</span><br><span class="line"></span><br><span class="line">    private static final Logger logger = LoggerFactory.getLogger(DynamicRoutingDataSource.class);</span><br><span class="line"></span><br><span class="line">    @Override</span><br><span class="line">    protected Object determineCurrentLookupKey() &#123;</span><br><span class="line">        logger.info(&quot;当前数据源：&quot;+ DynamicDataSourceContextHolder.get());</span><br><span class="line">        return DynamicDataSourceContextHolder.get();</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p>
<p>通过<code>spring aop</code>，来拦截带<code>@DS</code>注解的方法，设置具体的数据源。</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">@Aspect</span><br><span class="line">@Order(-1)</span><br><span class="line">@Component</span><br><span class="line">public class DynamicDataSourceAspect &#123;</span><br><span class="line"></span><br><span class="line">    private static final Logger logger = LoggerFactory.getLogger(DynamicDataSourceAspect.class);</span><br><span class="line"></span><br><span class="line">    /**</span><br><span class="line">     * 执行方法前更换数据源</span><br><span class="line">     *</span><br><span class="line">     */</span><br><span class="line">    @Before(&quot;@annotation(ds)&quot;)</span><br><span class="line">    public void doBefore(JoinPoint joinPoint, DS ds) &#123;</span><br><span class="line">        DataSourceType dataSourceType = ds.dtaSourceType();</span><br><span class="line">        if (dataSourceType == DataSourceType.DB_SLAVE1) &#123;</span><br><span class="line">            logger.info(&quot;设置数据源为:&quot; + DataSourceType.DB_SLAVE1);</span><br><span class="line">            DynamicDataSourceContextHolder.set(DataSourceType.DB_SLAVE1);</span><br><span class="line">        &#125; else &#123;</span><br><span class="line">            logger.info(&quot;使用默认数据源:&quot; + DataSourceType.DB_MASTER);</span><br><span class="line">            DynamicDataSourceContextHolder.set(DataSourceType.DB_MASTER);</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    /**</span><br><span class="line">     * 执行方法后清除数据源设置</span><br><span class="line">     *</span><br><span class="line">     */</span><br><span class="line">    @After(&quot;@annotation(ds)&quot;)</span><br><span class="line">    public void doAfter(JoinPoint joinPoint, DS ds) &#123;</span><br><span class="line">        logger.info(&quot;当前数据源为：&quot;+ds.dtaSourceType()+&quot;。然后执行清理数据源设置方法&quot;);</span><br><span class="line">        DynamicDataSourceContextHolder.clear();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<h2 id="5-测试"><a href="#5-测试" class="headerlink" title="5. 测试"></a>5. 测试</h2><p>完美通过！！！</p>
<p><img src="http://lixin.piaozu.com.cn/spring_mybatis_dynamic_datasource.png" alt="enter description here"></p>
<p>下次，带来个spring mybatis plus的多数据源配置。mybatis plus这个开源库还是不错的。</p>
<p>最后附上，具体代码地址：<a href="https://github.com/leevsee/spring-boot-dynamic-datasource" target="_blank" rel="noopener">https://github.com/leevsee/spring-boot-dynamic-datasource</a></p>

                <hr>
                
                <!-- 多说 Share start -->
                <div class="ds-share"
                     style="text-align: right"
                     data-thread-key="2018/07/30/spring-boot-mybatis-dynamic-datasource/"
                     data-title="spring boot mybatis dynamic datasource"
                     data-url="https://leevsee.github.io/2018/07/30/spring-boot-mybatis-dynamic-datasource/"
                     data-images=""
                     data-content="最近，看了一下多数据源相关的知识，当成知识的积累，本篇是基于spring boot 2 + m... | Leeves&#39;s blog ">
                    <div class="ds-share-inline">
                        <ul class="ds-share-icons-16">
                            <li data-toggle="ds-share-icons-more"><a class="ds-more" href="#">分享到：</a></li>
                            <li><a class="ds-wechat flat" href="javascript:void(0);" data-service="wechat">微信</a></li>
                            <li><a class="ds-weibo flat" href="javascript:void(0);" data-service="weibo">微博</a></li>
                            <li><a class="ds-douban flat" href="javascript:void(0);" data-service="douban">豆瓣</a></li>
                        </ul>
                        <div class="ds-share-icons-more">
                        </div>
                    </div>
                    <hr>
                </div>
                <!-- 多说 Share end-->
                

                <ul class="pager">
                    
                    <li class="previous">
                        <a href="/2019/03/31/Vue入门以及前端工程化/" data-toggle="tooltip" data-placement="top"
                           title="Vue入门以及前端工程化">&larr; Previous Post</a>
                    </li>
                    
                    
                    <li class="next">
                        <a href="/2018/07/22/spring-boot-web-service之client（三）/" data-toggle="tooltip" data-placement="top"
                           title="spring boot web service之client（三）">Next Post &rarr;</a>
                    </li>
                    
                </ul>

                
                <!-- 多说评论框 start -->
                <div class="comment">
                    <div class="ds-thread"
                         data-thread-key="2018/07/30/spring-boot-mybatis-dynamic-datasource/"
                         data-title="spring boot mybatis dynamic datasource"
                         data-url="https://leevsee.github.io/2018/07/30/spring-boot-mybatis-dynamic-datasource/">
                    </div>
                </div>
                <!-- 多说评论框 end -->
                

                

            </div>

            <div class="hidden-xs col-sm-3 toc-col">
                <div class="toc-wrap">
                    <ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#原理"><span class="toc-text">原理</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#1-添加依赖"><span class="toc-text">1. 添加依赖</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2-添加注解类"><span class="toc-text">2. 添加注解类</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#3-读取多个数据源，并和调用线程绑定"><span class="toc-text">3. 读取多个数据源，并和调用线程绑定</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#4-spring多数据源和aop配置"><span class="toc-text">4. spring多数据源和aop配置</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#5-测试"><span class="toc-text">5. 测试</span></a>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Sidebar Container -->

            <div class="
                col-lg-8 col-lg-offset-2
                col-md-10 col-md-offset-1
                sidebar-container">

                <!-- Featured Tags -->
                
                <section>
                    <!-- no hr -->
                    <h5 class="text-center">
                        <a href="/tags/">FEATURED TAGS</a>
                    </h5>
                    <div class="tags">
                        
                    </div>
                </section>
                

                <!-- Friends Blog -->
                
                <div style="margin-top: 20px;">
                    <h5 class="text-center">FRIENDS</h5>
                    <ul class="list-inline text-center">
                        
                        <li><a href="https://leevsee.github.io/#">lixin</a></li>
                        
                    </ul>
                </div>
                
            </div>
        </div>

    </div>
</article>


<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    // dynamic User by Hux
    var _user = 'leeves';

    // duoshuo comment query.
    var duoshuoQuery = {short_name: _user};
    (function () {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';
        ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0]
        || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
</script>
<!-- 多说公共JS代码 end -->





<!-- Footer -->
<!-- Footer -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 text-center">
                <br>
                <ul class="list-inline text-center">
                
                
                    <li>
                        <a target="_blank" href="https://twitter.com/lxsweety">
                            <span class="fa-stack fa-lg">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
                            </span>
                        </a>
                    </li>
                
                

                

                
                    <li>
                        <a target="_blank" href="https://www.facebook.com/lxsweety">
                            <span class="fa-stack fa-lg">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                            </span>
                        </a>
                    </li>
                

                
                    <li>
                        <a target="_blank"  href="https://github.com/Leevsee">
                            <span class="fa-stack fa-lg">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-github fa-stack-1x fa-inverse"></i>
                            </span>
                        </a>
                    </li>
                

                

                </ul>
                <p class="copyright text-muted">
                    Copyright &copy; Leeves 2019
                    <br>
                    <span id="busuanzi_container_site_pv" style="font-size: 12px;">PV: <span id="busuanzi_value_site_pv"></span> Times</span>
                    <br>
                    Theme by <a href="http://kaijun.rocks/hexo-theme-huxblog/" style=" color:#666; font-size:8px;">Kaijun</a>
                </p>

            </div>
        </div>
    </div>
</footer>

<!-- jQuery -->
<script src="/js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="/js/blog.js"></script>

<!-- async load function -->
<script>
    function async(u, c) {
      var d = document, t = 'script',
          o = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
      o.src = u;
      if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
      s.parentNode.insertBefore(o, s);
    }
</script>

<!-- jquery.tagcloud.js -->
<script>
    // only load tagcloud.js in tag.html
    if($('#tag_cloud').length !== 0){
        async("https://leevsee.github.io/js/jquery.tagcloud.js",function(){
            $.fn.tagcloud.defaults = {
                //size: {start: 1, end: 1, unit: 'em'},
                color: {start: '#bbbbee', end: '#0085a1'},
            };
            $('#tag_cloud a').tagcloud();
        })
    }
</script>

<!--fastClick.js -->
<script>
    async("//cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js", function(){
        var $nav = document.querySelector("nav");
        if($nav) FastClick.attach($nav);
    })
</script>

<!-- Google Analytics -->



<!-- Baidu Tongji -->


<!-- swiftype -->
<script type="text/javascript">
  (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
  (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
  e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
  })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');

  _st('install','null','2.0.0');
</script>

<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<!--wechat title img-->
<img class="wechat-title-img" src="http://lixin.piaozu.com.cn/icon1.jpg">
</body>

</html>
